<script setup>
// 动态绑定多个值
const objectOfAttrs = {
  id: 'container',
  class: 'wrapper'
}
// 动态参数
const attrName = 'href'

let url = "https://wwww.baidu.com"

// 将一个函数绑定到动态的事件名称上
const eventName = 'focus'
let doSomething = function() {
  console.log('聚焦了')
}

</script>

<template>
  <h1 v-bind="objectOfAttrs">动态绑定多个值</h1>
  <a :[attrName]="url">动态参数</a>
  <input @[eventName]="doSomething" />
  <h1 :[null]="url">test</h1>
</template>

<style></style>